<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Form Test</title>
</head>

<body>
    <div id="form">
        <form>
            <table border="1">
                <tr>
                    <td>昵称</td>
                    <td><input type="text" name="name" placeholder="请输入昵称" /></td>
                </tr>
                <tr>
                    <td>Email</td>
                    <td><input type="email" name="email" placeholder="请输入邮箱" /></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td>
                        <input type="radio" name="sex" value="male" checked />男
                        <input type="radio" name="sex" value="female" />女
                    </td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input type="number" min="16" max="28" name="age" placeholder="20" /></td>
                </tr>
                <tr>
                    <td>截图</td>
                    <td><input type="file" name="screenshot" /></td>
                </tr>
                <tr>
                    <td>看电影时间</td>
                    <td>
                        <select name="freetime" size="">
                            <option value="">请选择时间</option>
                            <option value="1">上午</option>
                            <option value="2">中午</option>
                            <option value="3">下午</option>
                            <option value="4">晚上</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>电影类型</td>
                    <td>
                        <input type="checkbox" name="hobby" value="love" />爱情文艺
                        <input type="checkbox" name="hobby" value="fiction" />科幻
                        <input type="checkbox" name="hobby" value="scary" />恐怖
                        <input type="checkbox" name="hobby" value="mystery" />魔幻
                        <input type="checkbox" name="hobby" value="war" />战争
                        <input type="checkbox" name="hobby" value="comedy" />喜剧
                    </td>
                </tr>
                <tr>
                    <td>你最喜欢</td>
                    <td>
                        <input type="checkbox" name="favorite" value="it" />IT
                        <input type="checkbox" name="favorite" value="afanda" />阿凡达
                        <input type="checkbox" name="favorite" value="duoming" />夺命深渊
                        <input type="checkbox" name="favorite" value="shenhai" />深海异形
                        <input type="checkbox" name="favorite" value="shenyuan" />深渊幽灵
                        <input type="checkbox" name="favorite" value="titan" />泰坦尼克
                        <input type="checkbox" name="favorite" value="lie" />真实的谎言
                        <input type="checkbox" name="favorite" value="yixing" />异形
                        <input type="checkbox" name="favorite" value="eatfish" />食人鱼
                    </td>
                </tr>
                <tr>
                    <td>最爱影片打分</td>
                    <td><input type="range" name="score" min="0" max="10" step="1" value="5" />最低0分，最高10分</td>
                </tr>
                <tr>
                    <td>你希望影迷会召开的时间</td>
                    <td><input type="date" name="time" /></td>
                </tr>
                <tr>
                    <td>看电影时间</td>
                    <td><textarea name="remain" rows="5" cols="45" placeholder="请在此输入你的留言!"></textarea></td>
                </tr>
                <tr>
                    <td><input type="submit" value="提交" /></td>
                    <td><input type="reset" value="重置" /></td>
                </tr>
            </table>
        </form>
    </div>
</body>

</html>